<!-- Licensed under a BSD license. See license.html for license -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Three.js - Responsive in Paragraph</title>
    <style>
    body {
      font-size: 16pt;
    }
    #c {
        float: left;
        padding: 5px;
        width: 200px;
        height: 150px;
    }
    </style>
  </head>
  <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Donec laoreet
maximus metus, a interdum massa faucibus id.  Pellentesque in mauris elit.
Vestibulum quis consectetur nisi. <canvas id="c"></canvas> Nulla pellentesque, sapien in
condimentum ullamcorper, mi nisl sollicitudin felis, a ullamcorper sapien
dui vel metus.  Nam augue nisi, elementum id diam vel, blandit imperdiet
nunc.  Vivamus facilisis imperdiet neque id porttitor.  Mauris sapien
felis, mollis tempus orci vitae, sollicitudin varius augue.  Nullam non
magna id sem faucibus sollicitudin.  Proin nunc mi, rutrum et elementum
ut, auctor eget massa.
</p>
  </body>
<script type="importmap">
{
  "imports": {
    "three": "../../build/three.module.js"
  }
}
</script>
<script type="module" src="threejs-responsive.js"></script>
</html>
